<template>
    <div class="index_background">
            <div class="container">
                <!-- 左侧上部图片 -->
                <div class="container-item-left">
                    <div class="container-item-img1">
                        <img src="/img/index/s5cbfca2de5385.jpg" alt="">
                    </div>
                    <!-- 左边中部 -->
                    <div class="left-middel">
                        <div>
                            <div>
                                <img src="/img/index/sun_i03.png" alt="">
                                <p>预约挂号</p>
                            </div>

                        </div>
                        <div>
                            <div>
                                <img src="/img/index/sun_i05.png" alt="">
                                <p>院内导航</p>
                            </div>
                        </div>
                    </div>
                    <!-- 左侧底部 -->
                    <div class="letf-bottom">
                        <ul>
                            <li><i class="iconfont icon-24gl-phoneLoudspeaker"></i><span>电话:028-85422114</span></li>
                            <li><i class="iconfont icon-dayinchuanzhen"></i><span>传真:028-85582944</span></li>
                            <li><i class="iconfont icon-shouye"></i><span>地址：四川省成都市国学巷37号</span></li>
                        </ul>
                    </div>
                </div>
                <!-- 右侧容器部分 -->
                <div class="container-item-right">
                    <div class="nr" @click="pathtoIndex">
                        <div>
                            <img src="/img/index/ydy-5.png" alt="">
                            <div class="ani2">
                                <img src="/img/index/ydy-8.png" alt="">
                            </div>
                            <div class="ani">
                                <img src="/img/index/ydy-9.png" alt="">
                            </div>
                            <p class="tit1">公众版本</p>
                            <p class="tit2">FOR THE PUBLIC</p>
                        </div>
                    </div>
                    <router-link to="/index">
                    </router-link>
                    <div class="nr">
                        <div>
                            <img src="/img/index/ydy-6.png" alt="">
                            <div class="ani2">
                                <img src="/img/index/ydy-8.png" alt="">
                            </div>
                            <div class="ani">
                                <img src="/img/index/ydy-9.png" alt="">
                            </div>
                            <p class="tit1">员工/学生版</p>
                            <p class="tit2">FOR TSTAFF& STUDENTS</p>
                        </div>
                    </div>
                    <div class="nr">
                        <div>
                            <img src="/img/index/ydy-7.png" alt="">
                            <div class="ani2">
                                <img src="/img/index/ydy-8.png" alt="">
                            </div>
                            <div class="ani">
                                <img src="/img/index/ydy-9.png" alt="">
                            </div>
                            <p class="tit1">ENGLISH</p>
                            <p class="tit2">英文版</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</template>




<script>
import  '@/assets/js/index.js' //引入 动画js
  export default {
    methods: {
        pathtoIndex(){
            this.$router.push('/index')
        }
    },
  }
</script>

<style scoped src="@/assets/css/index.css"></style> //局部引入 首页面板样式
<style lang="scss" scoped>
</style>